<template>
	<view class="user_ordering_guide">
		<view class="user_ordering_guide_content" v-html="info"></view>
	</view>
</template>

<script setup lang="ts">
import { ref } from "vue";
import api from "@/api/index";
import { onLoad } from "@dcloudio/uni-app";

let info = ref("");

const getData = async () => {
	uni.showLoading({
		title: "加载中..."
	});
	try {
		const { data }: any = await api({
			method: "get",
			url: `/mall/content/backend-configs/getOtherNotifications`
		});
		info.value = data["xjs.notifications.server.order"];
	} catch (error) {
		console.log(error);
	} finally {
		uni.hideLoading();
	}
};
onLoad(() => {
	getData();
});
</script>

<style scoped lang="scss">
.user_ordering_guide {
	padding: 32rpx;
	padding-bottom: calc(var(--safe-area-bottom) + 32rpx);
	box-sizing: border-box;
	width: 100%;
	min-height: 100vh;
	display: flex;

	.user_ordering_guide_content {
		flex: 1;
		border-radius: 24rpx;
		padding: 32rpx;
		box-sizing: border-box;
		width: 100%;
		background: #fff;

		::v-deep img {
			width: 100%;
			height: auto;
		}

		::v-deep video {
			width: 100%;
			height: auto;
		}
	}
}
</style>
